@charset "utf-8";


@import "common/common";
@import "page";
@import "comment";

.web{
    width: 100%;
    height: 100%;
    background:url(../img/home/home_bg.png) no-repeat center;
    background-size: cover; 
    transition: all .7s ease;
    section{
        position: relative;
        width: 100%;
       /**文字部分**/
       &.s_title{
            position: absolute;
            top: dh(161px);
            left: 0px;
           div{
               @include imgoverflow;
               margin: 0 auto;
                &.s_title1{
                    width: 59.53%;
                    margin-bottom: dw(-8px);
                }
                &.s_title2{
                    width: 90%;
                }
                &.s_title3{
                    width: 55%;
                    padding-left: 5px;
                    margin-top: dw(-5px);
                }
                &.s_title4{
                    width: 53.28%;
                }
           }
       } 
       /**人物部分**/
       &.figure{
           position: absolute;
           top: dh(569px);
           left: 0px;
           margin: 0 auto;
           div{
               @include imgoverflow;
               /**人物**/
               &.ren{
                   width: dw(339px);
                   margin: 0 auto;
               } 
               &.bubble{
                   position: absolute;
               }
               /**气泡 上左**/
               &.topl{
                  width: 14.69%;
                  top: dh(180px);
                  left: dw(52px);
               }
               /**气泡 上右**/
               &.topr{
                  width: 23.12%; 
                  top: n(72px);
                  right: dw(40px);
               }
               /**气泡 下左**/
               &.bottoml{
                  width: 20%; 
                  bottom: n(15px);
                  left:dw(58px);
               }
               /**气泡 下右**/
               &.bottomr{
                  width: 14.69%; 
                  right: dw(55px);
                  bottom: n(50px);
               }
           }
       }//last of div.figure
    }  
   /**开始体验按钮**/
   .btn{
       position: absolute;
       bottom: dh(62px);
       left: dw(235px);
       width: 26.72%;
       @include imgoverflow;
       animation: pulse 1s infinite alternate;  
   }
}



.wrap{
//  position: relative;
//overflow: hidden;
//  min-height: 100%;
    /**测试页**/
    .page{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        transform: translateX(100%);
        transition: all .7s ease;
        .side{
            transform-origin: center center;
            transition: all .7s ease;
        }
    }
    /**评价页**/
    iframe{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: none;
        padding: 0;
        transform-origin: center center;
        transform: scale(0,0);
        transition: all .7s ease;
    }
}
